/**
 * Created by Administrator on 2017/3/5.
 */
$(".super_xf").hover(function(){
  $("#xf_div").toggle();
  $(".big").toggle();
})
$(".super_xf").mousemove(function(e){
  var left=e.offsetX-50;
  var top=e.offsetY-50+16;
  if(e.offsetX<=50){
    left=0;
  }else if(e.offsetX>=368){
    left=317;
  }
  if(e.offsetY<=50){
    top=0;
  }else if(e.offsetY>320){
    top=288;
  }
  $("#xf_div").css({left:left+"px",top:top+"px"});
  var big=-top*2;
  var b_l=-left*2;
  if(top>=210){
    big=-420;
  }
  if(left>=240){
    b_l=-240*2;
  }
  $(".big>img").css({left:b_l,top:big})
});

tagChange();
function tagChange(){
	var tagTitle=$("#tagsul>li");
	var divs=$("#tabFoo>div");
	
	console.log(divs);
	for(var i=0;i<tagTitle.length;i++){
		tagTitle[i].id=i;
		tagTitle[i].onmouseover=function(){
			for(var j=0;j<tagTitle.length;j++){
				tagTitle[j].className="";
				if(j<divs.length){
					divs[j].style.display="none";
				}
			}
			this.className="now";
			if(this.id < divs.length){
				divs[this.id].style.display="block";
			}
			
		}
	}
	spec();
	function spec(){
//		var s=$("#spec>li");
		$("#spec>li").each(function(){
			$(this).click(function(){
				$("#spec>li").each(function(){
					$(this).removeClass("here");
				})
				$(this).addClass("here");
			})
		})
	}
	
	
	
	
	
}














